<template>
  <view class="apply-success">
    <view class="apply-success-box">
      <image
        :src="imgBaseUrlV1 + 'success.png'"
        mode="widthFix"
        class="image"
      ></image>
      <view class="tips"> 订单提交成功 </view>
      <button class="btn btn-primary" @click="onClick">返回上一页</button>
    </view>
  </view>
</template>

<script>
import { imgBaseUrl, imgBaseUrlV1, imgBaseUrlV2 } from "@/common/config/index";
import Router from "@/common/js/router";
export default {
  data() {
    return {
      imgBaseUrlV2,
      imgBaseUrlV1,
    };
  },
  methods: {
    onClick() {
      Router.go(-2);
    },
  },
};
</script>

<style lang="stylus" scoped>
@import '~@/common/stylus/variable';

.apply-success {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;

  &-box {
    .tips {
      padding-top: 0;
    }

    .btn-primary {
      display: block;
      width: 340rpx;
      height: 90rpx;
      border-radius: 10rpx;
      border: 1rpx solid color-active;
      margin: auto;
      background: transparent;
      color: color-active;
      margin-top: 40rpx;
    }
  }
}

.image {
  display: block;
  width: 320rpx;
  height: 320rpx;
  margin: auto;
}
</style>